How to bold text in CSS?

The font-weight property in CSS is used to set the weight or thickness of the font. It specifies how thin or thick the characters in a text. The font-weight property is either dependent on the weights specified by the browser or the available font faces in a font family. This CSS property defines thin to thick characters.

What is font weight CSS?

The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set. The font-weight property is specified using any one of the values listed below. Normal font weight. Same as 400. Bold font weight. Same as 700. One relative font weight lighter than the parent element.

Are bolder & lighter CSS fonts the same?

bolder and lighter are even part of the official spec. How they are interpreted and displayed is up to the browser. The fact that they appear the same visually is because most browsers don't properly support font weight variations beyond bold and normal. Here's a question with background info: Are all CSS font-weight property's values useful?

What is font-style CSS?

The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family. Italic font faces are generally cursive in nature, usually using less horizontal space than their unstyled counterparts, while oblique faces are usually just sloped versions of the regular face.